<script lang="ts" setup>
import { get, post, message, loadFile } from '@/utils'
import { FormInstance } from '@arco-design/web-vue'
const props = defineProps<{
  show: boolean
  id: number | string
}>()
const emit = defineEmits(['update:show', 'reset', 'confirm'])

const iframeUrl = computed(() => `${location.origin}${import.meta.env.VITE_DIY_PREVIEW_URL}?id=${props.id}`)
</script>
<template>
  <CModal v-model:visible="props.show" :footer="false" :mask-closable="false" width="435px" title="预览" @cancel="emit('update:show', false)">
    <iframe id="iframe" :src="iframeUrl" />
  </CModal>
</template>
<style lang="less" scoped>
#iframe {
  width: 375px;
  height: 750px;
}
</style>
